import React from "react";
import {Avatar, Layout, Menu} from "antd";
import "./AppHeader.css"
import {UserOutlined} from "@ant-design/icons";

const {Header} = Layout;

export function AppHeader() {
  return (
    <Header className="header">
      <Menu mode="horizontal">
        <Menu.Item key="1" style={{height: "100%"}}>
          <div>首页</div>
        </Menu.Item>
        <Menu.Item key="2">
          <div>自由对话</div>
        </Menu.Item>
        <Menu.Item key="3">
          <div>情景对话</div>
        </Menu.Item>
      </Menu>
      <div>
        <Avatar size="default" icon={<UserOutlined/>}/>
      </div>
    </Header>
  )
}